<template>
  <div>
    <h2>tab标签页</h2>
    <!-- el-tabs
              v-model:默认选中哪一项（对应子项的name的值，如果不设置默认选中第一项）
            el-tab-pane
               label:标题
               name="对应v-model的值"
               lazy:是否延迟渲染，默认是false
     -->
    <!-- f需求：首页    用户 tab切换 -->
    <el-tabs v-model="activeName">
      <el-tab-pane label="首页" name="home">首页内容</el-tab-pane>
      <el-tab-pane label="用户" name="user" lazy>
        <User />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import User from './components/user'
export default {
  components: {
    User
  },
  data() {
    return {
      activeName: 'home'
    }
  }
}
</script>
<style></style>
